<template>
  <div class="order">
    <van-nav-bar title="订单详情" left-text="返回" left-arrow @click-left="onClickLeft" />
    <van-tabs v-model:active="activeName">
      <van-tab title="全部" name="a">
        <All></All>
      </van-tab>
      <van-tab title="未完成" name="b">
        <Undone></Undone>
      </van-tab>
      <van-tab title="已完成" name="c">
        <Finish></Finish>
      </van-tab>
    </van-tabs>
  </div>
</template>
<script lang="ts" setup>
import { reactive, ref, defineComponent, onMounted, computed, onUpdated, watch } from "vue";
import All from '../components/order/allComp.vue';
import Undone from '../components/order/undoneComp.vue';
import Finish from '../components/order/finishComp.vue';
defineComponent({
  All, Undone, Finish
})
const onClickLeft = () => history.back();
const activeName = ref('a');
</script>

<style lang="scss">
.order {
  width: 100%;
  height: 500px;
  background-color: #f8f8f8;
}
</style>